<%@ page pageEncoding="UTF-8"%>
<%@ include file="../commons/head.jsp"%>
<title>${title }</title>
<style>
.datagrid-body {
	height: 320px !important;
}

.datagrid-view {
	height: 350px !important;
}
</style>
<script type="text/javascript" src="${ctxStatic}/js/jquery.validate.min.js"></script> 
<script type="text/javascript" src="${ctxStatic}/validate/validate.js"></script> 
<script>
	$(function() {
		validaten.init();
	});
</script>
</head>
<body>
	<div class="jianju">
		<h3>jQuery Validate 验证</h3>
		<form  id="validaten-form-addvalidaten">
			<div class="main-popadd2">
				<span class='col-md-3 padding'>姓名：</span>
				<div class="col-md-9">
					<input type="text" style="width: 60%;" name="name"
					placeholder="6-12位！"	 >
				</div>
			</div>
			<div class="main-popadd2">
				<span class='col-md-3 padding'>密码：</span>
				<div class="col-md-9">
					<input type="password" style="width: 60%;" name="password" 
					placeholder="以字母开头，必须有数字，6-10位"	>
				</div>
			</div>
			<div class="main-popadd2">
				<span class='col-md-3 padding'>手机号：</span>
				<div class="col-md-9">
					<input type="text" style="width: 60%;" name="phone" 
					placeholder="请输入正确的手机号"	>
				</div>
				<span id="error_phone"></span>
			</div>
			<div class="main-popadd2">
				<span class='col-md-3 padding'>邮箱：</span>
				<div class="col-md-9">
					<input type="text" style="width: 60%;" name="email" 
					placeholder="请输入正确的邮箱"	>
				</div>
			</div>

			<div >
				<div class="main-poptwobox">
					<button type="button" name="submitbutton" class='main-addbtnsure'
						onclick="validaten.submitAdd()">保存</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>